$(function(){
    loadMap();
})
var myChart;
var option;
function  loadMap(){
    option = {
        //画布背景色设置
        // backgroundColor: "#f1f1f1",
        title: {
            text: "年度办件数据分析",
            textStyle: {
                //设置主标题字体颜色
                color: "#90E5E7"
            },
            left:'left'
            // subtext: "zc"
        },
        tooltip: {
            trigger: "axis",
            axisPointer : {            // 坐标轴指示器，坐标轴触发有效
                type : 'shadow'        // 默认为直线，可选为：'line' | 'shadow'
            }
        },
        legend: {
            data: ["蒸发量", "降水量"]
        },
        grid: {
            left: '3%',
            right: '4%',
            bottom: '3%',
            containLabel: true
        },
        calculable: true,
        xAxis: [
            {
                type: "category",
                data: ["1月", "2月", "3月", "4月", "5月", "6月", "7月", "8月", "9月", "10月", "11月", "12月"]
            }
        ],
        yAxis: [
            {
                type: "value",
                axisLine: {
                    //y轴
                    show: true
                },
                axisTick: {
                    //刻度线
                    show: true
                },
                splitLine: {
                    //网格线
                    show: true
                }
            }
        ],
        series: [
            {
                name: "蒸发量",
                type: "bar",
                //设置柱状图宽度
                barWidth: "10",
                data: [2.0, 4.9, 7.0, 23.2, 25.6, 76.7, 135.6, 162.2, 32.6, 20.0, 6.4, 3.3],
                itemStyle: {
                    normal: {
                        //柱形图圆角，顺时针左上，右上，右下，左下）
                        barBorderRadius: [12, 12, 12, 12]
                        //设置柱状图颜色渐变
                        // color: {
                        //     type: 'radial',
                        //     x: 0.5,
                        //     y: 0.5,
                        //     r: 0.5,
                        //     colorStops: [{
                        //         offset: 0, color: 'red' // 0% 处的颜色
                        //     }, {
                        //         offset: 1, color: 'blue' // 100% 处的颜色
                        //     }],
                        //     global: false // 缺省为 false
                        // }
                    }
                }
            },
            {
                name: "降水量",
                type: "bar",
                //设置柱状图宽度
                barWidth: "10",
                //柱状图间距
                barGap:"200%",
                data: [26.6, 5.9, 9.0, 26.4, 28.7, 70.7, 175.6, 182.2, 48.7, 18.8, 6.0, 26.3],
                itemStyle: {
                    normal: {
                        // 统一设置四个角的圆角大小
                        barBorderRadius: 12
                        //设置柱状图颜色渐
                        // color: {
                        //     type: 'radial',
                        //     x: 0.5,
                        //     y: 0.5,
                        //     r: 0.5,
                        //     colorStops: [{
                        //         offset: 0, color: 'red' // 0% 处的颜色
                        //     }, {
                        //         offset: 1, color: 'blue' // 100% 处的颜色
                        //     }],
                        //     global: false // 缺省为 false
                        // }
                    }
                }
            }
        ]
    };
    myChart = echarts.init(document.getElementById('dataMap'));
    console.log(option)
    myChart.setOption(option);

}